<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我们的宿舍</title>
		<!-- Bootstrap CSS -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- 自定义CSS -->
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<!-- 头部 -->
		<!-- 头部 -->
        <header class="bg-primary text-white text-center py-3">
            <div class="container">
                <h1 class="display-4">宿舍生活</h1>
                <nav class="navbar navbar-expand-lg navbar-dark">
                    <div class="container-fluid">
                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarNav">
                            <ul class="navbar-nav mx-auto">
                                <li class="nav-item"><a class="nav-link active" href="index.html">首页</a></li>
                                <li class="nav-item"><a class="nav-link" href="chengyuan.html">宿舍成员</a></li>
                                <li class="nav-item"><a class="nav-link" href="shenghuo.html">宿舍生活</a></li>
                                <li class="nav-item"><a class="nav-link" href="gushi.html">宿舍故事</a></li>
                                <li class="nav-item"><a class="nav-link" href="guanyv.html">关于我们</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </header>

		<!-- 主要内容区域 -->
		<main class="container my-5">
			<!-- 作息时间 -->
			<section class="mb-5">
				<div class="card">
					<div class="card-header bg-info text-white">
						<h2 class="card-title">作息时间</h2>
					</div>
					<div class="card-body">
						<ul class="list-group list-group-flush">
							<li class="list-group-item">工作日：晚上11点熄灯，早上7点起床。</li>
							<li class="list-group-item">周末：晚上12点熄灯，早上8点起床。</li>
							<li class="list-group-item">午休时间：中午12点至下午2点，保持安静。</li>
						</ul>
					</div>
				</div>
			</section>

			<!-- 卫生值日 -->
			<section class="mb-5">
				<div class="card">
					<div class="card-header bg-success text-white">
						<h2 class="card-title">卫生值日</h2>
					</div>
					<div class="card-body">
						<ul class="list-group list-group-flush">
							<li class="list-group-item">每天轮流打扫卫生，值日表如下：</li>
							<li class="list-group-item">周一：钟宏贺</li>
							<li class="list-group-item">周二：钟宏贺</li>
							<li class="list-group-item">周三：钟宏贺</li>
							<li class="list-group-item">周四：钟宏贺</li>
							<li class="list-group-item">周五：钟宏贺</li>
							<li class="list-group-item">周末：钟宏贺</li>
						</ul>
					</div>
				</div>
			</section>

			<!-- 用电安全 -->
			<section class="mb-5">
				<div class="card">
					<div class="card-header bg-warning text-dark">
						<h2 class="card-title">用电安全</h2>
					</div>
					<div class="card-body">
						<ul class="list-group list-group-flush">
							<li class="list-group-item">禁止使用大功率电器，如电热水壶、电饭煲等。</li>
							<li class="list-group-item">离开宿舍时务必关闭所有电器电源。</li>
							<li class="list-group-item">禁止私拉乱接电线，确保用电安全。</li>
						</ul>
					</div>
				</div>
			</section>

			<!-- 其他公约 -->
			<section class="mb-5">
				<div class="card">
					<div class="card-header bg-danger text-white">
						<h2 class="card-title">其他公约</h2>
					</div>
					<div class="card-body">
						<ul class="list-group list-group-flush">
							<li class="list-group-item">保持宿舍安静，尊重他人休息时间。</li>
							<li class="list-group-item">禁止在宿舍内吸烟、酗酒。</li>
							<li class="list-group-item">公共区域物品使用后及时归位。</li>
						</ul>
					</div>
				</div>
			</section>

			<!-- 宿舍活动 -->
			<section class="mb-5">
				<div class="card">
					<div class="card-header bg-secondary text-white">
						<h2 class="card-title">宿舍活动</h2>
					</div>
					<div class="card-body">
						<ul class="list-group list-group-flush">
							<li class="list-group-item">
								<strong>烧烤聚餐：</strong>班级组织去海边烧烤增加同学之间的凝聚力，室友间的友谊更加深厚，班级同学关系变得更加团结友爱。
							</li>
						</ul>
					</div>
				</div>
			</section>

			<!-- 宿舍趣事 -->
			<section class="mb-5">
				<div class="card">
					<div class="card-header bg-light text-dark">
						<h2 class="card-title">宿舍趣事和糗事</h2>
					</div>
					<div class="card-body">
						<ul class="list-group list-group-flush">
							<li class="list-group-item">
								<strong>夜宵F3的“陨落”，难忘的元旦：</strong>徐光宗，钟宏贺和司德超三人跨年夜点拼好饭导致食物中毒，后续在床上度过三天。，
							</li>
							<li class="list-group-item">
								<strong>红温的“贺弟”：</strong>钟宏贺打游戏被队友坑到破防，气得晚上睡不着觉，第二天上课打瞌睡，啧啧啧。
							</li>
							<li class="list-group-item">
								<strong>司德超的“早起”：</strong>司德超为了早起学习，定了 10 个闹钟，结果他自己没醒，把全宿舍都吵醒了！
							</li>
						</ul>
					</div>
				</div>
			</section>
		</main>

		<!-- 底部 -->
		<footer class="bg-dark text-white text-center py-3">
			<p>&copy; 2025 我们的宿舍. 版权所有.</p>
			<p>联系方式: example@dorm.com</p>
		</footer>

		<!-- Bootstrap JS -->
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
	</body>
</html>